<template>
  <a-card>
    <a-button icon="desktop" type="primary" @click="splitPane">点我分屏</a-button>

    <split-panel-modal ref="splitPanelModal"></split-panel-modal>
  </a-card>
</template>

<script>
import SplitPanelModal from './modules/SplitPanelModal'

export default {
  name: 'SplitPanel',
  components: {
    SplitPanelModal,
  },
  data() {
    return {
      description: '分屏',
    }
  },
  methods: {
    splitPane() {
      this.$refs.splitPanelModal.show();
    }
  }
}
</script>

<style scoped>

</style>